<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>健康管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

<body>

<!-- 导航栏 -->
<nav class="navbar navbar-success bg-success">
    <div class="container">

        <div class="navbar-header">
            <a class="navbar-brand" href="#">健康管理系统</a>
        </div>

        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                        <span class="glyphicon-class">主页</span>
                    </a>
                </li>

                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                        <span class="glyphicon-class">系统设置</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
                        <span class="glyphicon-class">数据维护</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
                        <span class="glyphicon-class">报告管理</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>
                        <span class="glyphicon-class">帮助</span>
                    </a>
                </li>

                <form class="navbar-form navbar-right">
                    <input type="text" class="form-control" placeholder="Search...">
                </form>

            </ul>
        </div>

    </div>
</nav>

<!-- 中间内容 -->
<div class="container">

    <!-- 左边导航 -->

    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-pills nav-stacked">
                <li role="presentation" class="active"><a href="#">基础信息录入</a></li>
                <li role="presentation"><a href="#">体验结果录入</a></li>
                <li role="presentation"><a href="#">分析建议录入</a></li>
                <li role="presentation"><a href="#">报告审核</a></li>
                <li role="presentation"><a href="#">查看报告</a></li>
                <li role="presentation"><a href="#">退出系统</a></li>
            </ul>
        </div>


        <!-- 数据管理 -->
        <div class="col-sm-9  col-md-10">
            <div data-example-id="condensed-table">
                <table class="table table-condensed">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>姓名</th>
                        <th>年龄</th>
                        <th>体检项目</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <th scope="row">01</th>
                        <td>张三丰</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">02</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    <tr>
                        <th scope="row">03</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    <tr>
                        <th scope="row">04</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    <tr>
                        <th scope="row">05</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    <tr>
                        <th scope="row">06</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    <tr>
                        <th scope="row">07</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    <tr>
                        <th scope="row">08</th>
                        <td>张无忌</td>
                        <td>100</td>
                        <td>心电图、心电图、心电图</td>
                        <td>
                            <button type="button" class="btn btn-info">查看</button>
                            <button type="button" class="btn btn-info">修改</button>
                        </td>
                    </tr>

                    </tbody>
                </table>

                <!-- 分页 -->
                <nav>
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">&laquo;</span>
                            </a>
                        </li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">&raquo;</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>

</body>

</html>